<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>kendo spreadsheet</title>
	<link rel="stylesheet" type="text/css" href="kendo.common.min.css">
	<link rel="stylesheet" type="text/css" href="kendo.silver.min.css">
	<style type="text/css" media="screen">
		*{padding: 0;margin: 0;}
	</style>
</head>
<body style="height: 100vh;">
	<div id="spreadsheet" style="width: 100%;height:100%;"></div>
	<script src="jquery.js"></script>
	<script src="kendo.custom.js"></script>
	<script src="jszip.min.js"></script>
	<script>
		$.ajax({
        url: "/readData/5",
        type: "get",
        datatype: "json",
        contentType: "application/json; charset=utf-8",
        success: function(data, stats) {
        	$("#spreadsheet").kendoSpreadsheet().data("kendoSpreadsheet").fromJSON(data, true);
        },
        error: function(data) {
        }
    });
	</script>
</body>
</html>